<style>
html {
    background-color: #F2F2F2;
}
.notice {
    width: 600px;
    margin: 30px auto;
    padding: 30px 15px;
    border-top: 5px solid #009688;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}
.fly-none{
	min-height: 0; padding: 0;margin:60px auto;text-align:center;
}
.fly-none .layui-icon {
    line-height: 300px;
    font-size: 300px;
    color: #393D49;
}
@media screen and (max-width: 750px) {

    .notice {
        width: auto;
        margin: 20px 15px;
        padding: 30px 0;
    }
}
</style>
<div class="fly-none">
	<i class="layui-icon layui-icon-{$icon}"></i>
</div>
<div class="notice layui-text">
    {$msg}
    <br>
    {if $url}
    <a href="{$url}" id="url">系统将在<span id="second">{$time}</span>秒后跳转，也可点此进行跳转</a>
    {/if}
</div>
<script type="text/javascript">
	var clock = {$time};
	setInterval(function(){
		clock--;
		layui.jquery('#second').html(clock);
		if(clock==0){
			window.location.href = layui.jquery('#url').attr('href');
		}
	},1000)
</script>